<template>
  <div class="app-container">
    <!-- <nabars index="5"></nabars> -->
    <div class="linebtn">
      <div class="btn" @click="setIdx(0)" :class="idx==0?'select':''">朋友圈动态</div>
      <div class="btn" @click="setIdx(1)" :class="idx==1?'select':''">点赞设置</div>
    </div>
     <moment-one v-if="idx==0"></moment-one>
     <moment-two v-else></moment-two>
  </div>
</template>
  
<script>

import momentOne from '../components/moment_one.vue'
import momentTwo from '../components/moment_two.vue'
export default {
  name: "WcGroupsInfo",
  dicts: ['sys_friendlabel_type'],
  components: {
    momentOne,
    momentTwo
  },
  data() {
    return {
      idx:0,
    };
  },
  created() {
    
  },
  methods: {
    setIdx(idx){
      this.idx=idx
    }
  }
};
</script>
<style lang="scss">
.app-container {
    background-color: #f6f9fb;
}
.linebtn {
    display: flex;
    margin: -10px 0 10px 5px;
    height: 38px;
  
    .btn {
      width: 110px;
      text-align: center;
      line-height: 38px;
      font-size: 14px;
      color: #8c8c8c;
      margin-right: 10px;
      border: 1px solid #eaeff2;
      background-color: #fff;
      border-radius: 5px;
      cursor: pointer;
      .link-type {
        color: #8c8c8c;
      }
    }
  
    .select {
      background-color: #eaf6ff;
      border: 1px solid #288dfc;
      color: #288dfc;
      font-weight: 550;
    }
  }
</style>